{include file="Public:header" /}
		<div class="bar bar-nav">
			<h1 class="title">专业委员会</h1>
			<i class="icon icon-left" onclick="window.history.go(-1);"></i>
		</div>
		
		<nav class="bar bar-tab">
			<a class="tab-item active" href="index.html">
				<span class="icon icon-home"></span>
				<span class="tab-label">首页</span>
			</a>
			<a class="tab-item" href="#">
				<span class="icon iconfont icon-phone"></span>
				<span class="tab-label">咨询</span>
			</a>
			<a class="tab-item" href="#">
				<span class="icon iconfont icon-renshu"></span>
				<span class="tab-label">我要入会</span>
			</a>
		</nav>

		<div class="content">
			<div class="content-block mechan_page_top text-center">
				<p class="item-title"><img src="__PUBLIC__/Home/images/raw_1499150972.jpeg" ></p>
				<p><i class="iconfont icon-huiyuan1" ></i>崔建新</p>
				<p><span>11场活动</span>|<span>321人参加</span></p>
				<p>让创意回归，将旅行放大</p>
			</div>
			
			<div class="buttons-tab mechan-page-tab " style="margin-top:0px;">
				<a href="#tab1" class="tab-link active button">进行中的活动</a>
				<a href="#tab2" class="tab-link button">全部活动</a>
				<a href="#tab3" class="tab-link button">详情介绍</a>
			</div>
			<div class="content-block row in_tab_list">
				<div class="tabs">
					<div id="tab1" class="tab in_hot_box activity_1 active">
						<div class="card demo-card-header-pic">
							<a href="{:U('Organization/activity')}">
							<div valign="bottom" class="card-header color-white no-border no-padding">
								<img class='card-cover' src="__PUBLIC__/Home/images/raw_1498810476.jpeg" alt="">
							</div>
							<div class="card-content">
								<div class="card-content-inner">
									<p class="hot_list_title">NETech 2017 第二届中国（北京）国际互联网</p>
									<p class="color-gray">发表于 2015/01/15</p>
									<p class="color-gray"><span>白云区</span><span>20人已报名</span><span>￥10.00</span></p>
								</div>
							</div>
							</a>
						</div>
						
						<div class="card demo-card-header-pic">
							<a href="{:U('Organization/activity')}">
							<div valign="bottom" class="card-header color-white no-border no-padding">
								<img class='card-cover' src="__PUBLIC__/Home/images/raw_1498810476.jpeg" alt="">
							</div>
							<div class="card-content">
								<div class="card-content-inner">
									<p class="hot_list_title">NETech 2017 第二届中国（北京）国际互联网</p>
									<p class="color-gray">发表于 2015/01/15</p>
									<p class="color-gray"><span>白云区</span><span>20人已报名</span><span>￥10.00</span></p>
								</div>
							</div>
							</a>
						</div>
						
						<div class="card demo-card-header-pic">
							<a href="{:U('Organization/activity')}">
							<div valign="bottom" class="card-header color-white no-border no-padding">
								<img class='card-cover' src="__PUBLIC__/Home/images/raw_1498810476.jpeg" alt="">
							</div>
							<div class="card-content">
								<div class="card-content-inner">
									<p class="hot_list_title">NETech 2017 第二届中国（北京）国际互联网</p>
									<p class="color-gray">发表于 2015/01/15</p>
									<p class="color-gray"><span>白云区</span><span>20人已报名</span><span>￥10.00</span></p>
								</div>
							</div>
							</a>
						</div>
					</div>
					<div id="tab2" class="tab in_hot_box activity_1">
						<div class="card demo-card-header-pic">
							<a href="{:U('Organization/activity')}">
							<div valign="bottom" class="card-header color-white no-border no-padding">
								<img class='card-cover' src="__PUBLIC__/Home/images/raw_1498810476.jpeg" alt="">
							</div>
							<div class="card-content">
								<div class="card-content-inner">
									<p class="hot_list_title">NETech 2017 第二届中国（北京）国际互联网</p>
									<p class="color-gray">发表于 2015/01/15</p>
									<p class="color-gray"><span>白云区</span><span>20人已报名</span><span>￥10.00</span></p>
								</div>
							</div>
							</a>
						</div>
						
						<div class="card demo-card-header-pic">
							<a href="{:U('Organization/activity')}">
							<div valign="bottom" class="card-header color-white no-border no-padding">
								<img class='card-cover' src="__PUBLIC__/Home/images/raw_1498810476.jpeg" alt="">
							</div>
							<div class="card-content">
								<div class="card-content-inner">
									<p class="hot_list_title">NETech 2017 第二届中国（北京）国际互联网</p>
									<p class="color-gray">发表于 2015/01/15</p>
									<p class="color-gray"><span>白云区</span><span>20人已报名</span><span>￥10.00</span></p>
								</div>
							</div>
							</a>
						</div>
						
						<div class="card demo-card-header-pic">
							<a href="{:U('Organization/activity')}">
							<div valign="bottom" class="card-header color-white no-border no-padding">
								<img class='card-cover' src="__PUBLIC__/Home/images/raw_1498810476.jpeg" alt="">
							</div>
							<div class="card-content">
								<div class="card-content-inner">
									<p class="hot_list_title">NETech 2017 第二届中国（北京）国际互联网</p>
									<p class="color-gray">发表于 2015/01/15</p>
									<p class="color-gray"><span>白云区</span><span>20人已报名</span><span>￥10.00</span></p>
								</div>
							</div>
							</a>
						</div>
					</div>
					<div id="tab3" class="tab">
						<div class="list-block mechan_user" style="margin-top:.5rem;">
						    <ul>
						      <!-- Text inputs -->
						      <li>
						        <div class="item-content">
						          <div class="item-media"><i class="icon icon-form-name"></i></div>
						          <div class="item-inner">
						            <div class="item-title label">姓名</div>
						            <div class="item-input">
						              <input type="text" readonly="readonly" value="虹械械">
						            </div>
						          </div>
						        </div>
						      </li>
						      <li>
						        <div class="item-content">
						          <div class="item-media"><i class="icon icon-form-email"></i></div>
						          <div class="item-inner">
						            <div class="item-title label">邮箱</div>
						            <div class="item-input">
						              <input type="email" readonly="readonly" value="1008611@qq.com">
						            </div>
						          </div>
						        </div>
						      </li>
						      <li>
						        <div class="item-content">
						          <div class="item-media"><i class="icon icon-form-gender"></i></div>
						          <div class="item-inner">
						            <div class="item-title label">性别</div>
						            <div class="item-input">
						              <select>
						                <option>Male</option>
						                <option>Female</option>
						              </select>
						            </div>
						          </div>
						        </div>
						      </li>
						      <!-- Date -->
						      <li>
						        <div class="item-content">
						          <div class="item-media"><i class="icon icon-form-calendar"></i></div>
						          <div class="item-inner">
						            <div class="item-title label">生日</div>
						            <div class="item-input">
						              <input type="date" placeholder="Birth day" value="2014-04-30">
						            </div>
						          </div>
						        </div>
						      </li>
						    </ul>
						  </div>
					</div>
				</div>
			</div>
			
		</div>
		
<!--		<script type="text/javascript" src="http://g.alicdn.com/sj/lib/jquery/dist/jquery.min.js"></script>
		
		<script type='text/javascript' src='http://g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
		<script type='text/javascript' src='http://g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>

		城市选择结束

		<script src="http://idangero.us/swiper/dist/js/swiper.min.js"></script>
		<script type="text/javascript" src="js/huodon.js" ></script>-->
		<script>
			var swiper = new Swiper('.swiper-container', {
				pagination: '.swiper-pagination',
				paginationClickable: true
			});
		
		</script>
		

	{include file="Public:footer" /}

</html>